<!--
  @author mujunlin
  @since 2019/08/22 01:08
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:replace="common/common :: jscss"/>
</head>
<body>

<div class="layui-fluid">
    <blockquote class="layui-crumb">
        <a lay-href="/online/service/group/list.action">在线客服分组></a>
        <zmn>城市配置</zmn>
    </blockquote>
    <div class="layui-card">
        <div th:replace="online/service/group/_tab::tab"></div>
        <div class="layui-card-body">
            <form method="POST" class="layui-form">
                <div class="inline-block" style="float: left">
                    <div class="zmn-2layer-list" th:each="m : ${provinces}">
                        <div class="list-left" th:if="${not #lists.isEmpty(cityMap[m.areaId])}" style="text-align: center">
                            <div class="list-item" th:text="${m.name + '：'}"></div>
                        </div>
                        <div class="list-right" th:if="${not #lists.isEmpty(cityMap[m.areaId])}">
                            <div class="right-box">
                                <div class="list-item">
                                    <input type="checkbox" class="checkAll" lay-filter="checkAll" th:value="${m.areaId}" title="全选">
                                </div>
                                <div class="list-item" th:each="city : ${cityMap[m.areaId]}" th:title="${city.name}">
                                    <input th:checked="${#lists.contains(selectedCityIds, city.areaId)}" type="checkbox" lay-filter="checkOne" name="areaId" th:class="${m.areaId}" th:value="|${city.parentId}-${city.areaId}|"
                                           th:title="${city.name}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-split">&nbsp;</div>
                <div class="layui-split">&nbsp;</div>
                <div class="layui-split">&nbsp;</div>

                <div class="layui-form-item submit">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="zmn-form-submit">提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary"
                                onclick="layui.admin.events.closeThisTabs();">取消
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" th:inline="javascript">
    var json = {
        groupId: [[${groupId}]]
    };
    layui.config({
        base: "/static/lay/",
        version: 20191219230330
    }).extend({
        index: "lib/index",
        online_service_group_city_js: "online/service/group/city/zmn.plat.online.service.group.city"
    }).use(['index', 'online_service_group_city_js']);

</script>